<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Dotamax - 做国内第一游戏数据门户</title>
    <script src="__PUBLIC__/home_public/js/jquery-1.8.3.min.js" type="text/javascript"></script>
    <script src="__PUBLIC__/home_public/js/prng4.js" type="text/javascript" charset="utf-8"></script>
    <script src="__PUBLIC__/home_public/js/rng.js" type="text/javascript" charset="utf-8"></script>
    <script src="__PUBLIC__/home_public/js/rsa.js" type="text/javascript" charset="utf-8"></script>
    <script src="__PUBLIC__/home_public/js/base64.js" type="text/javascript" charset="utf-8"></script>
</head>
<link rel="stylesheet" href="__PUBLIC__/home_public/css/font-awesome.min.css">
<link rel="stylesheet" href="__PUBLIC__/home_public/login.css">

<body id="particles-js">
    <!-- 质子连接特效 -->
    <script src="__PUBLIC__/home_public/js/particles.min.js"></script>
    <script src="__PUBLIC__/home_public/js/partical.js"></script>
    <!-- 随机背景图片 -->
    <script type="text/javascript">
        var num = parseInt(Math.random() * 5 + 1);
        document.body.style.backgroundImage = "url(http://cdn.maxjia.com/image/p_0" + num + ".jpg)";
    </script>

    <div id="nav-bar">
        <div class="nav-head">
            <a href="/home/">
                <div style="margin-top: 12px;margin-left: 30px;float: left;">
                    <img src="__PUBLIC__/home_public/picture/max_logo3.png" style="height: 25px;">
                </div>
            </a>
        </div>
    </div>
    <div style="z-index: 1000;position: absolute;top:20%;left :50%;margin: 0 0 0 -190px;">
        <div style="margin-left: auto;margin-right: auto;width: 300px;text-align: center;background-color: rgba(50,50,50,0.6);padding: 20px 40px 60px 40px;position: relative;">
            <div class="selectLog" style="position: absolute;left: 0px;top: -44px;width: 380px;">
                <div id="phoneLog" onclick="show_div()" style="margin-left: 97px;">登录</div>
            </div>
            <img src="__PUBLIC__/home_public/picture/max.png" style="width:120px;margin-bottom: 5px;">
            <div style="margin-top: 5px;margin-bottom: 20px;color:#ccc;font-size: 14px;font-weight: 600;">第一游戏数据平台</div>
                <form action="<{:U('log')}>" method="POST">
                <input id="email" name="email" type="text" placeholder="邮箱" style="display: block; width:300px;border-bottom: 1px solid rgb(227,227,227);" class="login-input top-radius" value="" required="">

                <input id="pwd" name="pwd" type="password" style="width:300px;margin-bottom:20px;" class="login-input bottom-radius" placeholder="密码" value="" required="">
                <div id="tip1"></div>
                <div>
                    <input id="yzm" class="login-input all-radius" type="text" name="code" placeholder="请输入验证码" value="">
                    <span style="display:inline-block;position:relative;top:-36px;float:right">
                    <img src="<{:U('Home/Login/yzm')}>" onclick="refresh(this)" class="imgcode">
                </span>
                </div>
                <button id="login-btn" class="login-in-btn" style="margin-right: 10px;">登录</button>
                </form>
            <a class="sign-up-btn" style="line-height: 20px; height:50px; " href="<{:U('Home/Reg/index')}>">
                <div class="sign-up-btn" style="margin-right: 10px;margin-top: 10px;">
                    创建我的Dotamax账号  
                </div>
            </a>  
            <div class="other-wrap">
                <div class="forget-pwd">
                    <a href="">忘记密码?</a>
                    <a href="">使用QQ登录</a>
                </div>
            </div>
            <div style="position: absolute;right:40px;bottom: 20px;"><a href="javascript:history.go(-1)" style="color: rgb(152, 152, 152)">返回</a>
            </div>
        </div>
    </div>
    <div style="position: fixed;bottom:20px;width: 100%;">
        <div class="footbar" style="padding-bottom:10px;text-align: center;">

            <div style="position: absolute;right:0px;bottom:10px;">
                <div style="float:right;margin-right: 20px"><a target="_blank" href="/status/"><i title="状态" class="fa fa-heartbeat" style="font-size: 18px"></i></a>
                </div>
                <div style="float:right;margin-right: 20px"><a target="_blank" href="/summary/"><i title="统计" class="fa fa-bar-chart" style="font-size: 18px"></i></a>
                </div>

                <div style="float:right;margin-right: 20px"><a target="_blank" href="http://weibo.com/5606942020/profile?topnav=1&wvr=6"><i title="新浪微博" class="fa fa-weibo" style="font-size: 18px"></i></a>
                </div>
                <div style="float:right;margin-right: 20px"><a target="_blank" href="http://t.qq.com/dotamax?preview "><i title="腾讯微博" class="fa fa-tencent-weibo" style="font-size: 18px"></i></a>
                </div>
            </div>
        </div>
    </div>
</body>
<script type="text/javascript">
    // 点击刷新验证码
    function refresh(obj) {
        obj.src = "<{:U('Login/yzm')}>?id=" + Math.random();
    }
</script>
<script>
    $(function(){
        $('#login-btn').click(function(){
            // alert('1');
            var email = $('#email').val();
            // console.log(email);
            var pwd = $('#pwd').val();

            $.ajax({
            url:"<{U:('Home/Login/log')}>",
            // data:'username='+$("#email").val()+'&password='+$("#pwd").val(),
            type:"POST",
            dataType:'json', 
            success: function(data){
                
                }
            })
        })
    })
</script>

</html>
